@import url(layout.css); 
.place_nav{ border:0;}
.main{ margin:0;}

/*介绍*/
.star_info{ background:#f6dbdf url(../images/staricon/starinfo_bg.jpg) no-repeat center 0; padding:15px 0; height:200px;}
.star_info .star_box img{ float:left; width:200px; height:200px; border-radius:200px; box-shadow:2px 2px 20px rgba(0,0,0,0.1);}

.star_info .star_detail{ margin-left:30px; float:left;}
.star_info .star_detail .title{ height:50px; margin-top:10px;}
.star_info .star_detail .title strong{ font-size:40px; float:left;}
.star_info .star_detail .title em{ margin:14px 5px 0 10px; height:30px; line-height:30px; padding:0 10px; background:#f69; color:#fff; display:inline-block; font-size:16px;}

.star_box{ position:relative;}
.star_info .star_cz{ position:absolute; right:0; bottom:0;}
.star_info .star_cz em.starbtn{ float:left; padding:0 20px; height:35px; background:#333; color:#fff; border-radius:35px; line-height:35px; cursor:pointer; margin:0 0 0 10px;}
.star_info .star_cz em.starbtn:hover{ background:#000;}
.star_info .star_cz em.starbtn i{ background:url(../images/staricon/staricon.png) no-repeat 0 0; display:inline-block; width:20px; height:20px; float:left; margin:8px 5px 0 0;}
.star_info .star_cz em.chongxing1 i{ background-position:0 0;}
.star_info .star_cz em.chongxing2 i{ background-position:-20px 0;}
.star_info .star_cz em.qiandao1 i{ background-position:-40px 0;}
.star_info .star_cz em.qiandao2 i{ background-position:-100px 0;}
.star_info .star_detail .txt{ font-size:16px; margin-top:10px;}
.star_info .star_detail .txt p{ line-height:40px;}
.star_info .star_detail .txt p span{ display:inline-block; width:200px; margin-right:5px;}

.star_pmfans{ margin-top:20px;}
.star_pmfans em{ color:#f69; font-size:16px; float:left; margin-right:30px;}
.star_pmfans em.phnum i ,.star_pmfans em.fansnum i{ margin-right:5px; float:left; background:url(../images/icon20.gif) no-repeat 0 0; display:inline-block; width:20px; height:20px;}
.star_pmfans em.phnum{ color:#ffc000;}
.star_pmfans em.phnum i{ background-position:-20px -20px;}
.star_pmfans em.fansnum i{ background-position:-40px -20px;}

/*导航*/
.tab_nav{ border-bottom:1px solid #ddd; height:56px;}
.tab_nav ul{ width:1200px; height:56px;}
.tab_nav ul li{ float:left; margin-right:73px;}
.tab_nav ul li a{ line-height:54px; padding:0 5px; display:inline-block; font-size:20px; color:#999;}
.tab_nav ul li.cur a{ border-bottom:3px solid #f69; font-size:24px; color:#333;}

/*明星简介*/
.star_content{ background:#f4f4f4; padding:20px 0;}
.star_content p{ font-size:18px; line-height:40px; height:120px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.star_content span{ display:block; text-align:right; margin-top:5px;}
.star_content a{ background:#fff; height:30px; width:85px; border-radius:30px; color:#f69; line-height:30px; text-align:center; display:inline-block;}

/*左边*/
.main_l{ border-right:1px solid #eee; padding-right:40px; margin-top:20px;}
/*标题*/
.main_l h2{ font-weight:normal; font-size:20px; height:32px; line-height:32px;}
.main_l h2 a{ float:right; font-size:14px; color:#999; width:85px; height:30px; display:inline-block; border:1px solid #ddd; border-radius:32px; text-align:center; line-height:30px;}
.main_l h2 a:hover{ color:#333; border-color:#999;}
.star_works h3 , .star_information h3{ border-left:4px solid #f69; padding-left:8px; font-weight:normal; font-size:20px; height:20px; line-height:20px;}

.new_list li:first-child , .xingcheng li:first-child a{ margin:0;}
.new_list , .xingcheng , .works , .relation , .album , .video{ margin-top:10px;}
.works li p , .relation li p , .album li p , .video li p{ height:20px; line-height:20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align:center;}
.works li p , .album li p , .video li p{ font-size:16px;}
.relation li a:hover{ color:#f69;}

/*新闻*/
.new_list li{ height:106px; margin-top:20px;}
.new_list li img{ float:left; width:156px; height:106px; margin-right:25px;}
.new_list li strong{ font-size:18px; height:60px; line-height:30px; overflow:hidden; display:block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
.new_list li a:hover strong{ color:#f69;}
.new_list li span{ display:block; margin-top:10px; height:25px; line-height:25px; color:#bbb;}
.new_list li span i{ display:inline-block; width:25px; height:25px; background:url(../images/icon.gif) no-repeat -16px -61px; margin-left:20px; vertical-align:middle;}

/*行程*/
.xingcheng li{ display:block; height:58px; background:#f1f1f1; border-left:6px solid #dedede; margin-top:5px; color:#999;}
.xingcheng li span{ display:block; float:left; line-height:58px;}
.xingcheng li span.date{ width:100px; margin-left:20px;}
.xingcheng li span.txt{ width:420px; margin-left:10px; font-size:18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.xingcheng li span.zhuti{ width:80px; text-align:right;}
.xingcheng li.cur{ border-color:#f69; color:#333; background:#fff0f5;}
.xingcheng li.cur span.txt{ color:#f69;}

/*作品集*/
.works{ width:680px; height:230px;}
.works li{ width:146px; float:left; margin-right:22px;}
.works li img{ width:146px; height:204px; margin-bottom:5px;}

/*关系*/
.relation{ width:680px; height:130px;}
.relation li{ float:left; width:104px; margin-right:30px;}
.relation li span{ width:104px; height:104px; border-radius:104px; overflow:hidden; position:relative; display:block; margin-bottom:5px;}
.relation li span img{ width:104px; height:104px;}
.relation li span em{ background:rgba(223,32,96,0.5); height:26px; display:block; bottom:0; color:#fff; text-align:center; position:absolute; width:100px;}

/*相册*/
.album{ height:185px; width:678px;}
.album li{ float:left; width:198px; margin-right:28px;}
.album li span{ background:url(../images/staricon/album_bg.gif) no-repeat 0 0; background-size:198px 158px; width:198px; height:158px; display:block; position:relative; margin-bottom:5px;}
.album li span img{ width:178px; height:136px; position:absolute; top:12px; left:11px;}
.album li span em{ height:34px; line-height:34px; padding:0 10px; color:#fff; position:absolute; right:9px; top:20px; background:#f69; font-size:20px;}

/*视频*/
.video{ width:675px; height:165px;}
.video li{ float:left; width:200px; margin-right:25px;}
.video li span , .video li img{ width:200px; height:137px;}
.video li span{ position:relative; margin-bottom:5px; display:block;}
.video li span em{ background:url(../images/staricon/video_start.png) no-repeat 0 0; background-size:40px; width:40px; height:40px; position:absolute; right:10px; bottom:10px;}

/*右边*/
.main_r{ width:270px; margin-top:20px;}
.r_box1{ padding:0; border:0;}
.app_download a.android , .app_download a.iphone{ width:107px; height:34px; right:27px;}
.app_download a.android{ top:107px;}
.app_download a.iphone{ top:149px;}
.app_download img{ width:100%; height:auto;}

/*行程详情*/
.xingcheng_info .box1 p span i{ display:block; float:left; width:21px; height:21px; background:url(../images/icon_xingcheng.gif) no-repeat 0 0; margin-right:5px;}
.xingcheng_list ul li .info p.min span i{ display:block; float:left; width:17px; height:17px; background:url(../images/icon_xingcheng17.gif) no-repeat 0 0; margin-right:5px;}

.xingcheng_info .box1{ height:103px;}
.xingcheng_info .box1 em{ width:146px; height:103px; border-radius:10px; float:left; margin:0 20px 0 10px; background:#ffe8f0; color:#f69; line-height:103px; text-align:center; font-size:20px;}
.xingcheng_info .box1 h1{ font-size:28px; line-height:30px; padding-top:10px;}
.xingcheng_info .box1 p{ margin-top:30px; font-size:16px; color:#999;}
.xingcheng_info .box1 p span{ float:left; display:block; margin-right:20px;}
.xingcheng_info .box1 p span.date i{ background-position:0 0;}
.xingcheng_info .box1 p span.place i{ background-position:-21px 0;}
.xingcheng_info .box1 p span.zhuti i{ background-position:-42px 0;}

.xingcheng_list{ background:url(../images/icon_xingcheng_line.gif) repeat-y 82px 0; padding:40px 0 50px;}
.xingcheng_list .month_page{ margin-left:85px; padding-left:15px; color:#f69; font-size:20px; border-bottom:1px solid #eee; padding-bottom:10px;}
.xingcheng_list .month_page a{ display:inline-block; height:30px; line-height:30px; padding:0 30px; border-radius:30px; background:#000; color:#fff; margin:0 20px; font-size:16px;}
.xingcheng_list ul li{ background:url(../images/icon_xingcheng_li.gif) no-repeat 72px 6px; margin-top:40px;}
.xingcheng_list ul li span.day{ float:left; display:inline-block; width:50px; margin-left:10px; line-height:30px; text-align:right;}
.xingcheng_list ul li .info{ margin-left:120px;}
.xingcheng_list ul li .info p.txt{ font-size:20px; line-height:30px;}
.xingcheng_list ul li .info p.min{ line-height:17px; color:#999; margin-top:10px;}
.xingcheng_list ul li .info p.min span{ float:left; display:inline-block; margin-right:20px;}
.xingcheng_list ul li .info p.min span.date i{ background-position:0 0;}
.xingcheng_list ul li .info p.min span.place i{ background-position:-17px 0;}
.xingcheng_list ul li .info p.min span.zhuti i{ background-position:-34px 0;}

/*作品列表*/
.star_works h3{ margin-top:20px;}
.works_list , .music_list{ height:auto; width:1020px;}
.works_list li , .music_list li{ margin:10px 20px 15px 0; width:150px;}
.works_list li img{ width:150px; height:210px;}
.music_list li img{ width:150px; height:150px;}
.works li span{ display:block; color:#999; text-align:center; margin-top:5px;}

/*相册列表*/
.album_list{ width:1037px; height:auto;}
.album_list li{ width:222px; margin:10px 37px 20px 0;}
.album_list li span{ width:222px; height:177px; background-size:auto;}
.album_list li span img{ width:198px; height:150px; top:14px; left:13px;}
.album_list li span em{ right:11px;}

/*图片列表*/
h2.pic_title{ font-weight:normal; font-size:20px;}
.pic_list{ width:1020px;}
.pic_list li{ float:left; margin:20px 20px 0 0; cursor:pointer;}
.pic_list li img{ width:235px; height:235px;}

/*视频列表*/
.video_list{ height:auto; width:1020px;}
.video_list li{ margin:20px 20px 0 0; width:235px;}
.video_list li span , .video_list li span img{ width:235px; height:160px;}
.video_list li span em{ top:50%; background-size:54px; width:54px; height:54px; left:50%; margin-top:-27px; margin-left:-27px; display:none;}
.video_list li span{ background:#000;}
.video_list li a:hover span img{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.video_list li a:hover span em{ display:block;}

/*分页*/
.min_page{ text-align:center; vertical-align:middle;}
.min_page .num{display: inline-block;}
.min_page a{display: inline-block; background:#bababa; border:2px solid #fff; width:8px; height:8px; border-radius:8px;  margin:0 3px; vertical-align:middle;}
.min_page a.cur{ background:#f69; border-color:#f69;}
.min_page a.pre , .min_page a.next{ background:url(../images/staricon/staricon.png) no-repeat 0 0; width:20px; height:20px; border-radius:0; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}
.min_page a.pre:hover , .min_page a.next:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.min_page a.pre{ background-position:-60px 0;}
.min_page a.next{ background-position:-80px 0;}

/*个人资料*/
.star_information h3{ margin:20px 0 10px;}
.star_information p{ font-size:16px; line-height:40px; color:#777;}

/*swiper样式*/
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper-pagination-bullet{display: inline-block; background:#bababa; border:2px solid #fff; width:8px; height:8px; border-radius:8px;  margin:0 3px; vertical-align:middle;}
.swiper-pagination-bullet-active{background:#f69; border-color:#f69;}
.swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}
.swiper-slide, .swiper-wrapper {-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

/*图片集*/
.imgbox{width: 100%;height: 100%;background-color: rgba(0,0,0,0.6); position: fixed;top: 0;left: 0;z-index: 100;}
.imgbox .info{text-align: center;width: 520px;height: 520px;position: absolute;margin: 0 auto;min-height: 520px;top:0;right: 0;bottom: 0;left: 0;margin: auto;}
.imgbox .info .swiper-container{width: 520px;height: 520px;overflow: hidden;position: relative;}
.imgbox .info .swiper-container .swiper-slide{text-align: center;overflow: hidden;line-height: 520px;position: relative;}
.imgbox .info .swiper-container .swiper-slide img{max-width: 100%;max-height: 100%;margin: 0 auto;border: 5px solid #fff;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;}
.juzi-num{color: #fff;position: absolute;bottom:-30px;display: inline-block; left:0;width: 100%;}
.swiper_close{cursor: pointer;width: 30px;height: 30px;background: url(../images/staricon/video_close.png) no-repeat center; background-size: 30px 30px;position: absolute;top: -15px;right: -35px;}
.swiper_nextbtn{cursor: pointer;width:20px;height: 42px;background:url(../images/staricon/swiper_next.png) no-repeat center; background-size: 20px 42px;position: absolute;right: -60px;top:239px;}
.swiper_prevbtn{cursor: pointer;width: 20px;height: 42px;background:url(../images/staricon/swiper_prev.png) no-repeat center; background-size: 20px 42px;position: absolute;left: -60px;top:239px;}

/*视频播放*/
.videobox{width: 100%;height: 100%;background-color: rgba(0,0,0,0.7); position: fixed;top: 0;left: 0;z-index: 100;}
.videobox .videowrapper{text-align: center;width: 480px;height: 270px;position: absolute;margin: 0 auto;min-height: 270px;top:0;right: 0;bottom: 0;left: 0;margin: auto;}
.video_close{width: 30px;height: 30px;background: url(../images/staricon/video_close.png) no-repeat center;background-size: 30px 30px;position: absolute;right: -26px;top: -26px;z-index: 2;}
.prevvideo{width: 30px;height: 30px;background: url(../images/staricon/video_pre.png) no-repeat center;background-size: 30px 30px;position: absolute;top:120px;left: 20px;z-index: 3;}
.nextvideo{width: 30px;height: 30px;background: url(../images/staricon/video_next.png) no-repeat center;background-size: 30px 30px;position: absolute;top:120px;right: 20px;z-index: 3;}

/*登录框*/
.bgbox{width: 100%;height: 100%;position: fixed;background-color: rgba(0,0,0,0.6);top: 0;left: 0;z-index: 999;}
.loginbox{border-radius: 10px;width: 300px;height: 260px;;position: absolute;bottom: 0;top: 0;left: 0;right:0;margin: auto;background-color: #fff;}
.loginbox .pnav{border-radius:10px 10px 0px 0px;   height: 36px;width: 100%;background-color: #dddddd;line-height:36px;color: #999;font-size: 15px;}
.loginbox .pnav em{display: block;float: left;width: 70px;height: 36px;text-align: center;}
.loginbox .pnav em.active{height: 46px;background-color: #fff;color: #333;font-size: 17px;margin-top: -10px;line-height: 46px;border-radius: 10px 10px 0px 0px;}
.loginbox .pnav .login_closebtn{width: 22px;height: 22px;background: url(../images/staricon/video_close.png) no-repeat center; background-size: 22px 22px;float: right;margin-top: 7px;margin-right: 10px;}
.login_info,.register_info{padding: 10px 20px;box-sizing:border-box;}
.login_info .inputtext,.register_info .inputtext{height: 30px;position:relative;margin-bottom: 15px;}
.login_info .inputtext label{position: absolute;left: 0;top: 0;height: 30px;width: 40px;font-size: 12px;color: #999;line-height: 30px;display: block;}
.login_info .inputtext div{width: 100%;padding-left: 40px;box-sizing:border-box;}
.login_info .inputtext div input{width: 100%;height: 30px;border: 1px solid #e3e3e3;border-radius: 6px;background-color: #f4f4f4;text-indent: 10px;}
.login_info p{width: 100%;height: 40px;padding: 10px 0px 10px 40px;box-sizing:border-box;font-size: 12px;line-height: 20px;}
.login_info p input{display: block;float: left;margin-right:3px; width: 15px;height: 15px;margin-top: 2px;}
.login_info p a{color: #ff7b9a;display: block;float: right;}
.login_info .loginbtn{width: 100%;height: 30px;border-radius: 6px;background-color: #ff7b9a;color: #fff;text-align: center;line-height: 30px;display: block;}
.login_info .login_way{width: 100%;height:30px;margin-top: 10px;}
.login_info .login_way label{font-size: 12px;color: #999;text-align: left;display: block;float: left;line-height: 30px;margin-right: 5px;}
.login_info .login_way a{display: block;float: left;margin-right: 6px;width: 26px;height: 26px;margin-top: 2px;}
.login_info .login_way a.qq{background: url(../images/qq_icon1.png) no-repeat center;background-size: 26px 26px;}
.login_info .login_way a.weixin{background: url(../images/wx_icon1.png) no-repeat center;background-size: 26px 26px;}
.login_info .login_way a.weibo{background: url(../images/sina_icon1.png) no-repeat center;background-size: 26px 26px;}
/*注册框*/
.register_info .inputtext label{position: absolute;left: 0;top: 0;height: 30px;width: 65px;font-size: 12px;color: #999;line-height: 30px;display: block;text-align: right;}
.register_info .inputtext div{width: 100%;padding-left: 70px;box-sizing:border-box;}
.register_info .inputtext div input{width: 100%;height: 30px;border: 1px solid #e3e3e3;border-radius: 6px;background-color: #f4f4f4;text-indent: 10px;}
.register_info .inputtext div.yz input{width: 55%;height: 30px;border: 1px solid #e3e3e3;border-radius: 6px;background-color: #f4f4f4;text-indent: 10px;display: block;float: left;}
.register_info .inputtext div.yz a{display: block;float: right;box-sizing:border-box; width: 38%;line-height: 30px;border: 1px solid #ff7b9a;border-radius: 6px;text-align: center;color: #ff7b9a;font-size: 12px;}
.register_info .registerbtn{display: block;  height: 30px;width: 100px;background-color:#ff7b9a;line-height: 30px;margin:0 auto;margin-top: 10px;border-radius: 6px;color: #fff;font-size: 12px;text-align: center;mar}